<template>
  <div class="toast">
    <nut-toast :msg="toast.msg" v-model:visible="toast.show"  :type="toast.type" :cover="true" :duration="toast.duration" />
  </div>
</template>

<script lang="ts" setup>
import { ToastOption } from '@/types/index'
import { computed } from "vue"
import { useGetters } from '@/hooks/useStore'
const toast = computed<ToastOption>(() => useGetters('toast'))
</script>
